<template>
  <div>
      <h3 class="title">分类列表</h3>
      <go-back></go-back>
      <to-search></to-search>

      <v-list :list="list"></v-list>
  </div>
</template>

<script>
import {reqList} from "../../http/http"
export default {
  data(){
    return{
      // 1.初始化空数组
      list:[],
    };
  },
  //因为有了缓存，所以不再使用mounted
  activated(){
    if(this.oldid===this.$route.query.id){
      //上一次和这一次的值一样
      return;
    };
    //两次id 不一样，先清空数据
    this.list=[]
    //将本次请求的id存起来
    this.oldid=this.$route.query.id
    //发请求
    reqList({
      cateid:this.$route.query.id,
      type:1
    }).then((res)=>{
      //后端没有数据会返回null，但是我们希望是个数组，为了后期判断“暂无数据”还是展示数据
      this.list = res.data.list.goodData?res.data.list.goodData :[];
    });
  }
}
</script>

<style scoped>
.item{
  padding: 0.2rem;
  margin: 0.2rem;
  border: 0.01rem solid #ccc;
}
</style>